<template>
  <div class="us_box">
    <h2>关于我们</h2>
    <div v-html="AboutUsList"></div>
  </div>
</template>

<script>
import { useRouter } from "vue-router";
import { useStore } from "vuex";
import { ref, reactive, toRefs, getCurrentInstance } from "vue";
import { getAboutUsApi } from "@/http/api.js";

export default {
  name: "us",
  components: {},
  setup() {
    // 引入路由
    const router = useRouter();
    // 引入仓库
    const store = useStore();
    const { proxy } = getCurrentInstance();
    const data = reactive({
      AboutUsList: "",
    });
    getAboutUsApi().then((res) => {
      console.log(res, "关于我们");
      proxy.AboutUsList = res;
    });
    //充电器

    return {
      ...toRefs(data),
    };
  },
};
</script>

<style lang="scss" scoped></style>
